body {
	padding: 0;
	margin: 0;
	background-color: #DDD !important;
}

.tabs {
	clear: both;
	margin: 10px;
	position: relative;
}

.tabs-bottom {
    bottom: 0;
    clear: both;
    margin: 10px;
    position: absolute;
}

.slides {
	clear: both;
	margin: 10px;
	position: relative;
}

.slides-top {
	clear: both;
	margin: 0 10px;
	position: absolute;
}

.slides-top .slide-panel {
	float: right !important;
	width: auto !important;
}

.slides-top .slide-panel .wrapper {
    width: 400px;
}

.clear {
	clear: both;
}

.slide-tab {
	margin: 10px 0 !important;
	float: left;
}

.accordion .slide-tab {
	float: none !important;
	display: block !important;
}

.slide-panel {
	clear: both;
	position: relative;
	width: 100%;
	background-color: #FFF;
	color: #444;
}

.slide-panels .slide-panel {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
}

.slide-panel a,.slide-panel a:visited {
	text-decoration: none;
	background-color: #DDD;
	color: #222;
}

.slide-panel .wrapper .content a:hover {
	background-color: yellow;
	color: #222;
}

.slide-panel .wrapper {
	padding: 10px;
}

.slide-panel .close {
	float: right;
	padding: 0 10px;
	border: 1px outset;
}

.slide-panel .close:hover {
	border-color: yellow;
}

.slide-panel .close.active {
	border: 1px outset;
}